/*css for tpl index.html*/
body{margin:0;font-family:Noto Sans CJK SC,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;line-height:1.5;color:#fff;font-size:14px;background:#191919}
a{color:#3498DB;text-decoration:none}
img{max-width:100%}
h1,h2,h3{font-weight:400;margin:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:focus{border:none;outline:0}
::selection{background:#3498DB;color:#fff}
::-moz-selection{background:#3498DB;color:#fff}
::-webkit-selection{background:#3498DB;color:#fff}

/*头部*/
#header{height:56px;width:100%;background-color:#000}
#header-title{display:inline-block;font-size:24px;border:0;padding:12px 24px;cursor:pointer;margin-top:-3px;float:left}
#header-user{display:inline-block;float:right;width:240px;padding:10px}
#header-user-head{float:left;width:36px;height:36px;margin-right:8px;border:2px solid #fff;border-radius:50%;overflow:hidden}
#header-user-name{display:block;margin-top:-3px;font-size:16px;text-align: left}
#header-user-emailandlogout{display:block;margin-top:-2px;font-size:11px;text-align: left}
#content{width:100%;height:100%}

/*左侧工具栏*/
#toolbar{position:absolute;width:48px;height:100%;background-color:#1D1D1D;overflow-x:hidden;overflow-y:auto}
.toolbar-icon{width:48px;height:48px;padding:12px 16px;cursor:pointer}
.toolbar-icon span{font-size:26px}

/*左侧导航栏*/
#sidebar-note-list{text-align:left}
#sidebar{position:absolute;left:48px;width:240px;height:100%;background-color:#121212;overflow:auto}
#sidebar-status{height:32px;padding:4px 15px;background-color:#181818;text-align:left}
#sidebar-status-icon{margin-left:5px;color:#f1c40f}
.note-list-item{padding:5px 10px 5px 35px;height:32px;cursor:default;overflow:hidden;white-space:nowrap}
.note-list-item:hover,.note-list-item-contextmenu-show{background-color:rgba(0,127,200,0.6);color:#ffe7f7}
.note-list-item i{margin-right:5px}
.note-list-item-moving{background-color:#333}
.note-list-item-selected{padding:5px 10px 5px 30px;border-left:5px solid #007FDC;background-color:#282828}
.note-list-item-selected:hover{background-color:#282828}
.note-list-item-selected2{background-color:#007FDC}
.note-list-item-selected2:hover{background-color:#007FDC}
.note-list-item-subnote,.note-list-item-subnote2{padding:5px 10px 5px 55px}
.note-list-folder{position:relative;overflow:hidden}
.i-note-list-folder-arrow{position:absolute;left:16px;top:9px}

/*右键事件*/
.contextmenu{z-index:100;display:none;position:fixed;top:0;left:0;width:180px;background-color:#333;box-shadow:0 3px 6px 0px rgba(0,0,0,0.16);text-align:left}
.contextmenu i{margin-right:6px;width:14px}
.contextmenu-item{padding:6px 12px;width:180px;cursor:default}
.contextmenu-item:hover{background-color:#007FDC}
#float-input{position:absolute;display:none;border:0}

/*右键事件 弹出层*/
#page-glass{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,0.4)}
#sidebar-properties{display:none;position:fixed;top:0;left:2000px;height:100%;width:300px;z-index:101;background-color:#151515;box-shadow:-1px 0 5px 0 rgba(0,0,0,0.3);text-align:left;padding-top:50px}
#sidebar-properties-header{height:80px;width:100%;padding:19px 20px}
#sidebar-properties-header i{float:left;margin-right:10px}
#sidebar-properties-header-notename{display:block;font-size:18px}
#sidebar-properties-header-notetype{display:block;margin-top:-4px;font-size:12px}
#sidebar-properties-body{padding:0 20px}
#sidebar-properties-body span{padding-top:5px;padding-bottom:5px}
.sidebar-properties-body-label{display:inline-block;width:35%}
#float-notsaved-lable{display:none;position:absolute;font-size:8px;color:#007FDC;top:58px;left:294px;z-index:100}

/*列表部分的颜色*/
.font-plus{color:#444}
.font-sub{color:#a5cf1b}
.note-list-item-subnote,.note-list-item-single{color:#efefde}

/*layer*/
.layui-layer{color:#333}